<!DOCTYPE html>
<html>
    <head>
        <title>SisPEC</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="resources/css/ui.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/jquery.jcarousel.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/custom-theme/jquery-ui.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/jquery.tweet.css"/>
        <script type="text/javascript" src="resources/js/jquery.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery.jcarousel.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery.cookie.js"></script>
        <script type="text/javascript" src="resources/js/modulo.js"></script>
        <script type="text/javascript" src="resources/js/EspacoCultural.js"></script>
        <script type="text/javascript" src="resources/js/jquery.json-2.2.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery.tmpl.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery.tweet.js"></script>
        <script type="text/javascript" src="resources/js/jquery.lingua.min.js"></script>
        <script type="text/javascript">
            function reload() {
                var newlanguage = $("#language").val();
                setLanguage(newlanguage);
                updateLanguage(newlanguage);
            }
            
            function updateLanguage(newlanguage) {
                $.linguaLoadAutoUpdate(newlanguage);
            }
            
            function setLanguage(newlanguage) {
                $.cookie("defaultLanguage", newlanguage, {expires: 1});
                $('#language').val(newlanguage);
            }
            
            $(function(){
                $("#cabecalho").load("admin/cabecalho.html", function() {
                    /*var newlanguage = null;
                    $.linguaInit('/sispec/resources/locale/', 'portal');
                    if($.cookie("defaultLanguage") ==  null || $.cookie("defaultLanguage") == "") {
                        newlanguage = navigator.language.split('-')[0];
                        setLanguage(newlanguage);
                    } else {
                        newlanguage = $.cookie("defaultLanguage");
                        $("#language option").each(function() {
                            if($(this).val() == newlanguage) {
                                $(this).attr('selected','selected');
                            }
                        });
                    }
                    updateLanguage(newlanguage);*/
                    var result = $.getUrlVar('page');
                    listarEspacosByCMDO(result);
                    /*$(".tweet").tweet({
                    avatar_size: 42,
                    count: 5,
                    query: "from:brunopacheco1",
                    loading_text: "Listando tweets...",
                    refresh_interval: 60,
                    template: "{avatar} {text}"
                });*/
                });
            });
            
            
        </script>
    </head>

    <body>
        <div id="cabecalho">
        </div>
        <!--<div>
            <select id="language" onchange="reload()">
                <option value="pt">Portugu&ecirc;s</option>
                <option value="en">English</option>
                <option value="de">Deutsch</option>
            </select>
        </div>-->
        <table style="width: 100%; border-collapse: collapse; padding: 0; border-spacing: 5px;">
            <tr>
                <td id="content-left">
                    <table style="width: 100%">
                        <tr>
                            <td colspan="2" style="padding: 5px">
                                <h1 style="color: #7c734d">Bem-vindos ao Portal do Patrim&ocirc;nio Cultural do Ex&eacute;rcito Brasileiro</h1>
                                <p><font style="color: #7c734d">O Ex&eacute;rcito Brasileiro possui um rico, amplo e valioso patrim&ocirc;nio hist&oacute;rico e cultural. </font>Este patrim&ocirc;nio &eacute; caracterizado pelos objetos, constru&ccedil;&otilde;es, s&iacute;tios hist&oacute;ricos, monumentos e bens art&iacute;sticos preservados ao longo da hist&oacute;ria da For&ccedil;a.</p>
                                <p>Passeando pelas p&aacute;ginas do nosso portal voc&ecirc; ter&aacute;, acesso aos documentos escritos e iconogr&aacute;ficos, os objetos e artefatos militares al&eacute;m de informa&ccedil;&otilde;es sobre os nossos museus e espa&ccedil;os culturais.</p> 
                                <p style="color: #7c734d">Clique no Mapa e conhe&ccedil;a mais sobre nossos museus e espa&ccedil;os culturais.</p>
                            </td>
                        </tr>
                        <tr>
                            <td id="content-map">
                                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="400">
                                    <param name="movie" value="flash/mapa-tela-menor.swf" />
                                    <param name="quality" value="high" />
                                    <embed src="resources/flash/mapa-tela-menor.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="360" height="360"></embed>
                                </object>
                            </td>
                            <td style="vertical-align: top">
                                <div id="content-result-map" class="ui-widget ui-widget-content ui-corner-all">
                                    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="text-align: center; ">
                                        <span id="espaco-titulo">Espa&ccedil;os Culturais</span> - <span class="ui-dialog-title" id="resultado_titulo"></span>
                                    </div>
                                    <ul id="resultado" style="min-height: 50px;">
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td id="content-right" style="vertical-align: top">
                    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix noticias" style="text-align: center; height: 30px">
                        <span class="ui-dialog-title" style="font-size: 20px"><a href="admin/" id="acesso-siscpcex">Acesso ao SisCPCEx</a></span>
                    </div>
                    <div class="ui-widget ui-widget-content ui-corner-all noticias" style="float: left">
                        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="text-align: center">
                            <span class="ui-dialog-title" id="rede-cultura">Rede de Cultura</span>
                        </div>
                        <div class="noticias-content">
                            <div id="rede-cultura-content">
                                A <a href="javascript:void(0)">Rede de Cultura do Ex&eacute;rcito</a> tem por finalidade o estabelecimento de um canal t&eacute;cnico entre os diversos escal&otilde;es, racionalizando e agilizando o fluxo de informa&ccedil;&otilde;es de interesse da &aacute;rea cultural.
                            </div>
                        </div>
                    </div>
                    <div class="ui-widget ui-widget-content ui-corner-all noticias" style="float: left">
                        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="text-align: center">
                            <span class="ui-dialog-title" id="destaque">Not&iacute;cias em Destaque</span>
                        </div>
                        <div class="noticias-content">
                            <div id="destaque-content">
                                Em breve not&iacute;cias.
                            </div>
                        </div>
                    </div>
                    <div class="ui-widget ui-widget-content ui-corner-all noticias" style="float: left">
                        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="text-align: center">
                            <span class="ui-dialog-title" id="regularizacao">Criando e regularizando meus Espa&ccedil;os</span>
                        </div>
                        <div class="noticias-content">
                            <div id="regularizacao-content">
                                Informa&ccedil;&otilde;es sobre como Criar e Regularizar seu Espa&ccedil;o Cultural.
                            </div>
                        </div>
                    </div>
                    <div class="ui-widget ui-widget-content ui-corner-all noticias" style="float: left">
                        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="text-align: center">
                            <span class="ui-dialog-title" id="experiencias">Experi&ecirc;ncias</span>
                        </div>
                        <div class="noticias-content">
                            <div id="experiencias-content">
                                Divulgue sua experi&ecirc;ncia de Gestão.
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div class="tweet"></div>
                </td>
            </tr>
        </table>
        <div id="dialogs">
            <div id="message"></div>
        </div>
        <div id="templates">
            <script id="espaco" type="text/x-jquery-tmpl">
                <li><a href='espaco.html?id=${cod_espaco}'>${nome}</a></li>
            </script>
        </div>
    </body>
</html>